html, body,.container {
    height: 100%; 
    position: relative;
    width: 100%;
    }
#div1{
    background: #383838;
    height:7.57%;
    width:100%;
}
#div2{
    background: #F8F8F8;
    height: 8.0%;
    width:100%;
}
#div3{
    background: #F0F0F0;
    height:2.0%;
    width:100%;
}
#div4{
    background: white;
    height:7.57%;
    width: 100%;
}
#div5{
    background: white;
    height:7.57%;
    width: 100%;
}
#div6{
    height:7.57%;
    width: 100%;
}
#div7{
    height:7.57%;
    width: 100%;
}
#div8{
    height:7.57%;
    width: 100%;
}
#div9{
    font-size:50px;
    height: 28.8%;
    width:100%;
}
#div10{
    border:1px solid
    height: 15.6%;
    width: 100%;
}
#div11{
    background: white;
    
    width: 100%;
    height: 6.56%;
    position:fixed;
    bottom:0;
}
#div2-1{
    width:70%;
    height: 70%;
   position:relative;
   left:15%;
   top: 18%;
   border-radius: 15px;
   border:1px solid lightseagreen;
}
#div2-11{
    width:50%;
    position: relative;
    background: white;
    height:100%;
    float:left;
    font-size: 50px;
    text-align: center;
    font-family:STXingkai;
    color:lightseagreen
}
#div2-12{
    width:50%;
    position: relative;
    background: lightseagreen;
    height:100%;
    float:left;
    font-size:50px;
    text-align: center;
    font-family:STXingkai;
    color:white;
}
#text1{
    font-size: 50px;
    height:6%;
    position: absolute;
    top:19%;
    border:none;
}
#text2{
    font-size: 50px;
    height: 6%;
    position: absolute;
    top:27%;
    border:none;
    float:left;
}
#text3{
    font-size: 50px;
    height: 6%;
    position: absolute;
    top:27%;
    border:none;
    left:50%;
}
#span1{
    position: absolute;
    top: 86%;
    left:70%;
    font-size:50px;
}
